body {
   margin:0;
   background: black;
   font-family:LG Display_Eng_Kor;
   font-size: 24px;
   color: white;
}
.clear {
   clear: both;
}
.vspace-27 {
   height: 27px;
}
#content {
   height: 513px;
}
.loading {
   position: absolute;
   padding: 154px 0 0 552px;
   display: none;
}
.container {
   width: 1280px;
   height: 720px;
}
.container .header {
   background: url('../../images/xl/logo.png') no-repeat;
   height: 97px;
}
.container .content {
   height: 513px;
   font-size: 28px;
}
.container .menu {
   height: 50px;
   margin: 0;
   font-size: 28px;
}
.container .menu ul.menu {
   background: url('../../images/xl/bg_menu.png');
   padding-left: 90px;
}
.container .menu ul.menu li {
   float: left;
   display: block;
   text-align: center;
   padding: 5px 5px 0 0;
   width: 205px;
   height: 45px;
}
.container .menu ul.menu li.main-menu {
   cursor: pointer;
}
.container .menu ul.menu li.menu-select {
   background: url('../../images/xl/btn_menu_select.png') no-repeat;
}
.container .menu ul.menu li.menu-hover {
   background: url('../../images/xl/btn_menu_hover.png') no-repeat;
}
.container .menu ul.menu li.space {
   background: url('../../images/xl/bg_menu_space.png') no-repeat;
   width: 2px;
   padding-top: 0;
}
.container .content .main-image {
   float: left;
   width: 398px;
   height: 242px;
   padding-left: 52px;
}
.container .content .main-detail {
   padding-right: 52px;
}
.container .content .main-detail .hilight-name {
   font-size: 35px;
   white-space: nowrap;
   overflow: hidden;
}
.container .content .main-detail .hilight-view {
   padding-top: 15px;
   font-size:22px;
   color: #666666;
}
.container .content .main-detail .hilight-play {
   padding-top: 45px;
}
.container .content .hotclip {
   background: url('../../images/xl/hotclip.png') no-repeat;
   width: 170px;
   height: 46px;
   margin-left: 52px;
}
.container .content .main-item {
   width: 1165px;
   overflow:hidden;
   margin: 0 58px;
}
.container .content .main-item .item-lists {
   width: 4840px;
   white-space: nowrap;
}
.container .content .main-item .item-lists a {
   color: white;
   text-decoration: none;
}
.container .content .main-item .item-lists .item-list {
   float: left;
   width: 216px;
   height: 190px;
   padding: 5px 17px 0 0;
   cursor: pointer;
}
.container .content .main-item .item-lists .item-list .item-image {
   padding-top: 12px;
}
.container .content .main-item .item-lists .item-list .item-name {
   font-size: 22px;
   text-align: center;
   white-space: nowrap;
   overflow: hidden;
}
.container .content .main-item .item-lists .item-hover .item-image {
   width: 228px;
   padding-top: 0px;
   border: 2px solid red;
}
.container .content .main-prev {
   position: absolute;
   top: 482px;
   left: 0px;
   width: 39px;
   height: 135px;
   cursor: pointer;
}
.container .content .main-next {
   position: absolute;
   top: 482px;
   left: 1241px;
   width: 39px;
   height: 135px;
   cursor: pointer;
}
.container .content .submain-name {
   border-radius: 5px 5px 0 0;
   font-size: 25px;
   font-weight: bold;
   text-align: center;
   color: red;
   background: black;
   width: 200px;
   height: 30px;
   margin: 0 0 0 52px;
}
.container .content .submain-item {
   width: 1165px;
   overflow:hidden;
   margin: 0 58px;
}
.container .content .submain-item .item-lists a {
   color: white;
   text-decoration: none;
}
.container .content .submain-item .item-lists .item-list {
   float: left;
   width: 216px;
   height: 216px;
   padding: 5px 17px 0 0;
   cursor: pointer;
}
.container .content .submain-item .item-lists .item-list .item-image {
   padding-top: 12px;
}
.container .content .submain-item .item-lists .item-list .item-name {
   font-size: 22px;
   height: 53px;
   text-align: center;
   overflow: hidden;
}
.container .content .submain-item .item-lists .item-hover .item-image {
   width: 228px;
   padding-top: 0px;
   border: 2px solid red;
}
.container .content .submain-prev {
   position: absolute;
   top: 335px;
   left: 0px;
   width: 39px;
   height: 135px;
   cursor: pointer;
}
.container .content .submain-next {
   position: absolute;
   top: 335px;
   left: 1241px;
   width: 39px;
   height: 135px;
   cursor: pointer;
}
.container .bg-main {
   background: url('../../images/xl/bg_main.png') no-repeat;
   background-size:  1280px 315px;
}
.container .bg-submain {
   background: url('../../images/xl/bg_main.png') no-repeat;
   background-size:  1280px 57px;
}
.container .bg-player {
   background: url('../../images/xl/bg_player.png') no-repeat;
}
.container .control {
   background: url('../../images/xl/bg_control.png') repeat-x;
   height: 60px;
}
.container .control .control-prev {
   float: right;
   width: 199px;
   cursor: pointer;
}
.container .control .control-next {
   float: right;
   width: 199px;
   cursor: pointer;
}
.container .control .control-full {
   float: right;
   width: 199px;
   cursor: pointer;
}
.container .control .control-return {
   float: right;
   width: 199px;
   cursor: pointer;
}
.container .control .control-back {
   float: right;
   width: 199px;
   cursor: pointer;
}
.container .control .control-exit {
   float: right;
   width: 199px;
   cursor: pointer;
}
.container .player {
   height: 563px;
}
.container .player .clip-player {
   float: left;
}
.container .player .clip-detail {
   font-size: 28px;
   padding: 0 38px 0 755px;
}
.container .player .clip-detail .clip-name {
   font-size: 33px;
   padding: 10px 0 0 0;
}
.container .player .clip-detail .clip-artist {
   padding: 20px 0 0 0;
}
.container .player .clip-detail .clip-time {
   padding: 10px 0 0 0;
}
.container .player .clip-detail .clip-date {
   padding: 10px 0 0 0;
}
.container .player .clip-detail .clip-view {
   padding: 10px 0 0 0;
}
.container .player .clip-detail .clip-type {
   padding: 10px 0 0 0;
}